<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>网站信息</title>
		<link rel="stylesheet" type="text/css" href="../mobile/js/layer/css/modules/layer/default/layer.css" />
		<link rel="stylesheet" type="text/css" href="../mobile/js/layer/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		
		<style>
			.editable, .editable2, input[type="text"], input[type="password"] {
			    line-height: 20px;
			    white-space: nowrap;
			    display: inline-block;
			    height: 20px;
			    overflow: hidden;
			    cursor: text;
			}
		</style>
		
	</head>
	<body>
		
		<div class="main_bg">
			<div class="setting_meun">
				<ul class="setting_meunul">
					<li class="active">基本设置</li>
					<li>短信设置</li>
				</ul>
				
				<div class="clear"></div>
			</div>
			
			<div class="setting_main">
				<div class="setting_left">
					<dl class="row">
						<dt class="tit">网站名称</dt>
						<dd class="opt">
							<input type="text" placeholder="请输入网站名称" class="input-txt" />
							<p class="prompt">网站名称，将显示在前台</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit">网站描述</dt>
						<dd class="opt">
							<textarea type="text" placeholder="请输入网站描述" class="input-area" /></textarea>
							<p class="prompt">网站描述，描述网站的内容</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit">联系人</dt>
						<dd class="opt">
							<input type="text" placeholder="请输入联系人" class="input-txt" />
							<p class="prompt">请填写联系人名称</p>
						</dd>
					</dl>
					
					<dl class="row">
						<dt class="tit">联系电话</dt>
						<dd class="opt">
							<input type="text" placeholder="请输入联系人" class="input-txt" />
							<p class="prompt">请填写联系电话</p>
						</dd>
					</dl>
					
				</div>
				
				<div class="setting_right">
					
					<dl class="row">
						<dt class="tit">开关</dt>
						<dd class="opt">
							<div class="sex-box">
								<label for="radio" class="radioplace radioleft active">开启</label><label for="radio1" class="radioplace radioright">关闭</label>
								<input type="radio" id="radio" checked="checked" name="radiobox" class="radiobox" value="0" />
								<input type="radio" id="radio1" name="radiobox" class="radiobox" value="1" />
							</div>
							
							<p class="prompt">请选择是否开启该功能</p>
						</dd>
					</dl>
					
					
					 <dl class="row">
		                <dt class="tit">
		                  	  网站Logo
		                </dt>
		                <dd class="opt">
		                    <div class="input-file-show">
		                        <span class="show">
		                            <a id="img_a" class="nyroModal" rel="gal" href="JavaScript:void(0)">
		                                <i id="img_i" class="fa fa-picture-o" onmouseover="layer.tips('<img src=>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();"></i>
		                            </a>
		                        </span>
		                        <span class="type-file-box">
		                            <input type="text" id="store_logo" name="store_logo" value="" class="type-file-text">
		                            <input type="button" name="button" id="button1" value="选择上传..." class="type-file-button">
		                            <input class="type-file-file" onClick="GetUploadify(1,'','locate','img_call_back')" size="30" hidefocus="true" nc_type="change_site_logo" title="点击前方预览图可查看大图，点击按钮选择文件并提交表单后上传生效">
		                        </span>
		                    </div>
		                    <span class="err"></span>
		                    <p class="prompt">网站Logo,通用头部显示，最佳显示尺寸为280*195像素</p>
		                    
		                </dd>
		            </dl>
					
				</div>
				
			</div>
			<div class="clear"></div>
			
		</div>
		
		
	</body>
	<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
	<script src="../mobile/js/layer/layer.js"></script>
	<script src="../mobile/js/layer/layui.js"></script>
	
	
	<script>
		$('.radiobox').change(function(){
			if($(this).val()==0){
				$(this).siblings(".radioleft").addClass("active").siblings(".radioright").removeClass("active");
			}else if($(this).val()==1){
				$(this).siblings(".radioright").addClass("active").siblings(".radioleft").removeClass("active");
			}
			
		})
		
		
		/*上传图片*/
		
		function GetUploadify(num,elementid,path,callback){	   	
			layui.use('upload', function(){
			  var upload = layui.upload;
			   
			  //执行实例
			  var uploadInst = upload.render({
			    elem: '#button1' //绑定元素
			    ,url: '/upload/' //上传接口
			    ,done: function(res){
			      //上传完毕回调
			    }
			    ,error: function(){
			      //请求异常回调
			    }
			  });
			});
		}
		
		
	</script>
	
</html>
